<!DOCTYPE html>
<html>
<head>
    @include("/common/init.html"){}
</head>
<body>
	@include("/common/commonunity_header.html",{title:'社区'}){}
	<div class="layui-container fly-marginTop">
		<div class="fly-panel fly-panel-user" pad20>
			<div class="layui-tab layui-tab-brief" lay-filter="user">
				<ul class="layui-tab-title">
			        <li><a href="${basePath}/login">登入</a></li>
			        <li class="layui-this">注册</li>
			    </ul>
			    <div class="layui-form layui-tab-content" id="LAY_ucm" style="padding: 20px 0;">
			    	<div class="layui-container">
			    		<div class="layui-row">
			    			<div class="layui-col-md6 layui-col-sm6">
			    				<div class="layui-tab-item layui-show">
			    					<div class="layui-form layui-form-pane">
			    						<form class="popup" method="post" action="${basePath}/doRegister">
			    							<div class="layui-form-item">
				                                <label for="L_email" class="layui-form-label">邮箱</label>
				                                <div class="layui-input-inline">
				                                    <input type="text" id="L_email" name="email" required lay-verify="email"
				                                           autocomplete="off" class="layui-input">
				                                </div>
				                                <div class="layui-form-mid layui-word-aux">将会成为您唯一的登入名</div>
				                            </div>
										     <div class="layui-form-item">
										        <label for="L_username" class="layui-form-label">昵称</label>
										        <div class="layui-input-inline">
										          <input type="text" id="L_username" name="username" required="" lay-verify="required" autocomplete="off" class="layui-input"></div>
										        <div class="layui-form-mid layui-word-aux">你在社区的名字</div>
										     </div>
										     <div class="layui-form-item">
										        <label for="L_pass" class="layui-form-label">密码</label>
										        <div class="layui-input-inline">
										          <input type="password" id="L_pass" name="pass" required="" lay-verify="required" autocomplete="off" class="layui-input"></div>
										        <div class="layui-form-mid layui-word-aux">6到16个字符</div>
										     </div>
										     <div class="layui-form-item">
										        <label for="L_repass" class="layui-form-label">确认密码</label>
										        <div class="layui-input-inline">
										          <input type="password" id="L_repass" name="repass" required="" lay-verify="required" autocomplete="off" class="layui-input"></div>
										     </div>
										     <div class="layui-form-item" style="position: relative; left: -10px; height: 32px;">
										        <input type="checkbox" name="agreement" lay-skin="primary" title="" checked="">
										        <div class="layui-unselect layui-form-checkbox layui-form-checked" lay-skin="primary">
										          <i class="layui-icon layui-icon-ok"></i>
										        </div>
										        <a href="/instructions/terms.html" target="_blank" style="position: relative; top: 4px; left: 5px; color: #999;">同意用户服务条款</a>
										     </div>
										     <div class="layui-form-item">
        											<button class="layui-btn" lay-filter="*" lay-submit>立即注册</button>
        									</div>
        									<div class="layui-form-item fly-form-app">
										        <span>直接使用社交账号快捷注册</span>
										        <a href="/app/qq" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-qq" title="QQ登入"></a>
										    </div>
			    						</form>
			    					</div>
			    				</div>
			    			</div>
			    		</div>  
			    	</div>
			    </div>
			</div>
		</div>
	</div>
</body>